<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>layout 后台大布局 - Layui</title>
  <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">layui 后台布局</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-left">
				<li class="layui-nav-item"><a href="">控制台</a></li>
				<li class="layui-nav-item"><a href="">商品管理</a></li>
				<li class="layui-nav-item"><a href="">用户</a></li>
				<li class="layui-nav-item">
					<a href="javascript:;">其它系统</a>
					<dl class="layui-nav-child">
						<dd><a href="">邮件管理</a></dd>
						<dd><a href="">消息管理</a></dd>
						<dd><a href="">授权管理</a></dd>
					</dl>
				</li>
			</ul>
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item">
				<a href="javascript:;">
					<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
					贤心
				</a>
				<dl class="layui-nav-child">
					<dd><a href="">基本资料</a></dd>
					<dd><a href="">安全设置</a></dd>
				</dl>
				</li>
				<li class="layui-nav-item"><a href="">退了</a></li>
			</ul>
		</div>
  
  
  
	<div class="layui-body"  id ="jpgs">
    <!-- 内容主体区域 -->
		 <div id="LAY_demo1" class="layui-row layui-col-space4" style="align-content: center;text-align: center;">
		</div>
		<!-- <div style="padding: 15px;"> -->
		
			<!-- <div class="layui-carousel" id="test10"> -->
			  <!-- <div carousel-item="" id ='jpgs'> -->
				<!-- <div><img src="https://g-search1.alicdn.com/img/bao/uploaded/i4/i1/3058416618/O1CN01gmZTDw1yl5kxdPeHp_!!3058416618-0-lubanu-s.jpg_580x580Q90.jpg_.webp"></div> -->
				<!-- <div><img src="http://gd3.alicdn.com/imgextra/i3/1622579258/O1CN01sDPgED2IGDNeSGIQb_!!1622579258.jpg_400x400.jpg"></div> -->
				<!-- <div><img src="https://g-search2.alicdn.com/img/bao/uploaded/i4/i2/2181875971/O1CN01xlBYox1tylVX6piPT_!!2181875971-0-lubanu-s.jpg_580x580Q90.jpg_.webp"></div> -->
				<!-- <div><img src="https://g-search2.alicdn.com/img/bao/uploaded/i4/i2/2181875971/O1CN01xlBYox1tylVX6piPT_!!2181875971-0-lubanu-s.jpg_580x580Q90.jpg_.webp"></div> -->
				<!-- <div><img src="https://g-search2.alicdn.com/img/bao/uploaded/i4/i2/2260259188/O1CN01mDuXjF2Hk9ekECub8_!!2260259188-0-lubanu-s.jpg_580x580Q90.jpg_.webp"></div> -->
				<!-- <div><img src="https://g-search3.alicdn.com/img/bao/uploaded/i4/i1/2168800166/O1CN01xkA9Nu1D64LIkdiJ4_!!2168800166-0-lubanu-s.jpg_580x580Q90.jpg_.webp"></div> -->
				<!-- <div><img src="https://g-search3.alicdn.com/img/bao/uploaded/i4/i1/2168800166/O1CN01xkA9Nu1D64LIkdiJ4_!!2168800166-0-lubanu-s.jpg_580x580Q90.jpg_.webp"></div> -->
			  <!-- </div> -->
			<!-- </div> -->
			
		<!-- </div> -->
	</div>
  
  <div class="layui-footer">
    <!-- 底部固定区域 -->
    © layui.com - 底部固定区域
  </div>
</div>
<script src="../layui/layui.js"></script>
<script>



layui.use(['carousel', 'form','flow'], function(){
  var flow = layui.flow;
  var $ =layui.jquery;
 var carousel = layui.carousel
  ,form = layui.form;
  flow.load({
    elem: '#LAY_demo1' //流加载容器
    //,scrollElem: '#LAY_demo1' //滚动条所在元素，一般不用填，此处只是演示需要。
    ,done: function(page, next){ //执行下一页的回调
      var lis = [];
      $.get('http://127.0.0.1:88/index.php/font/font/getfont?page='+page,function(res){
	  
	  console.log(res.data.length);
      	layui.each(res.data, function(index, item){
      		console.log(res.data[index]['renwu_img_url']);
          lis.push('<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 " >'
						    			+'<div class="item" style="height:500px">'
						          +'<img src="'+res.data[index]['renwu_img_url']+'" width="100%" alt="">'
						          +'<p class="desc-1">'+res.data[index]['renwu_good_titles']+'</p>'
						          +'<p class="desc-2">评价：17705 收藏：6875</p>'
						          
						     			+'</div>'
										+'<p></p>'
						    		+'</div>');
        }); 
        next(lis.join(''), page < 9); 
      })
    }
  });
  
});


</script>
</body>
</html>